<template>
	<view class="padding">
		<shopro-empty v-if="teacherdata.length==0" :image="$IMG_URL + '/imgs/empty/empty_goods.png'" tipText="暂无列表，敬请期待..."></shopro-empty>
		<view class="padding-tb flex" v-for="(i, index) in teacherdata" :key="index">
			<image
				:src="img+i.avatar"
				mode="aspectFill"
				@load="showimage = true"
				lazy-load
				
				class="  w164 h164 r10 bg-gray mr25"
			></image>
			<view class="flex flex-direction justify-around " style="width: 500rpx;">
				<text class="f30 text-bold">{{i.name}}</text>
				<text class="f24 txtClr ">{{i.brief}}</text>
				<text class="f24 txtClr ">擅长：{{i.service_content}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				empty: false,
				showimage:false,
				teacherdata:[],
				img:'https://guoxue.qianjiwl.xyz'
			}
		},
		onLoad(e) {
			this.teacher()
			uni.setNavigationBarColor({
			    frontColor: '#ffffff',
			    backgroundColor: '#8F3333',
			    
			})
		},
		methods: {
			async teacher() {
				
				let that = this;
				const res = await that.$http('common.eventsLst', { page: 1 });
				this.teacherdata = res.data.data
				console.log('res :>> ', res);
			},
			
		}
	}
</script>

<style lang="scss" scoped>

</style>
